<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <form action="#">
        邮箱：<input type="email" name="email"><br>
        网址：<input type="url" name="url" id="url"><br>

        数值：<input type="number" name="number" step="2"><br>
        搜索：<input type="search" name="keyword" pattern="abc"><br>

        电话：<input type="tel" name="phone"><br>

        光照强度：<input type="range" name="range"><br>

        颜色：<input type="color" name="color"><br>
        日期：<input type="date" name="date">

        <button>提交</button>

    </form>
    
</body>
</html>